<template>
  <div class="tagInput-demo">
    <h3 class="title">基本</h3>
    <div>
      <p>value: {{ value }}</p>
      <d-tag-input v-model="value" :limit="2" :wordLimit="10"></d-tag-input>
    </div>
    <h3 class="title">字符串分割</h3>
    <div>
      <p>value: {{ value2 }}</p>
      <d-tag-input v-model="value2" type="string" split="," placeholder="please input"></d-tag-input>
    </div>
    <h3 class="title">只读</h3>
    <div>
      <d-tag-input v-model="value3" :readonly="true"></d-tag-input>
    </div>
  </div>
</template>

<script>
export default {
  name: 'tagInputDemo',
  data () {
    return {
      value: ['test'],
      value2: 'test,hi',
      value3: ['测试1', '测试2', '测试3', '测试4']
    }
  }
}
</script>

<style lang="stylus" scoped>
// .tagInput-demo
</style>
